<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>QWork短址服务</title>
    <link rel="stylesheet" href="/static/css/bulma.min.css"/>
</head>
<body>
    <section class="hero">
        <div class="hero-body">
            <div class="container has-text-centered">
                <h1 class="title">
                    短址服务
                </h1>
                <h2 class="subtitle">
                    欢迎使用QWork短址服务
                </h2>
            </div>
        </div>
    </section>

    <section class="hero">
        <div class="container">
            <form action="/" method="post">
            <div class="field is-grouped">
                <p class="control is-expanded">
                    <input class="input" type="url" placeholder="http://" required name="long_url">
                </p>
            </div>
            <div class="field is-grouped is-grouped-centered">
                <p class="control">
                    <button class="button is-primary">
                        确认
                    </button>
                </p>
            </div>
            </form>
        </div>
    </section>
</body>
</html>